<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	   
  
    <body>
        <ui:composition template="/WEB-INF/facelets/templates/main.xhtml">
              <ui:define name="pnlContenido">       
              
    
    <center>
	
							<table width="741" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
								<tbody>
								<tr>
									<td width="1%"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="10" border="0" alt=""/></td>
									<td width="1%"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="1" height="10" border="0" alt=""/></td>
									<td width="97%"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="1" height="10" border="0" alt=""/></td>
									<td width="1%"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="10" border="0" alt=""/></td>
								</tr>
								<tr>
									<td><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="1" border="0" alt=""/></td>
									<td><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="1" border="0" alt=""/></td>
									<td class="txt_welcome" valign="top" nowrap="">Pagos Servicios</td>
									<td align="right" nowrap=""><span class="txt_normal" style="float:left;font-size:9px;display:none;">Rev. #3073</span></td>
								</tr></tbody>
							</table>
							
	
    <img src="#{request.getContextPath()}/resources/images/blackpixel.png" width="741" height="1" alt="" border="0"/><br/>
							<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
								<tbody><tr>
									<td rowspan="3" width="10" height="10"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="10" border="0" alt=""/></td>
									<td width="721"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="721" height="10" border="0" alt=""/></td>
									<td rowspan="3" width="10"><img src="#{request.getContextPath()}/resources/images/spacer.png" width="10" height="10" border="0" alt=""/></td>
								</tr>
								<tr>
									<td valign="top"></td>
								</tr></tbody>
							</table>	
	
	 <img src="#{request.getContextPath()}/resources/images/claro.jpg" border="0" alt=""/>
						
    
    
    <img src="#{request.getContextPath()}/resources/images/spacer.png" width="1" height="10" border="0" alt=""/>
	</center>
	          
      <f:event listener="#{claroCompraBean.iniciarSession}" type="preRenderView" />        
      <h:form>
		<center>		
			<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
				<p:outputLabel for="cbx_cuenta" value="Cuenta:" styleClass="txt_normal_bold" />
				<p:selectOneMenu id="cbx_cuenta"  style="font-size: 11px;" 
					value="#{claroCompraBean.txt_no_cuenta}"
					required="true">
					<f:selectItems value="#{claroCompraBean.cbxCuentas}" />
				</p:selectOneMenu>
				
				<p:outputLabel for="txt_factura" value="Factura:" styleClass="txt_normal_bold"  />
				<p:inputText id="txt_factura"  style="font-size: 11px;" 
					value="#{claroCompraBean.txt_no_factura}" required="true" />
				
				<p:outputLabel   value="Fecha De Pago Factura:" styleClass="txt_normal_bold" />
				<p:outputLabel   value="#{claroCompraBean.fecha_actual}" styleClass="txt_normal"  style="font-size: 11px;" />
				
				<p:outputLabel for="txt_monto" value="Monto a pagar:" styleClass="txt_normal_bold" />
				<p:inputText id="txt_monto" value="#{claroCompraBean.txt_saldo}" style="font-size: 11px;"  required="true"  />
			

			
			
				
			</h:panelGrid>
			<br/>	
			<div align="center">
                    <span class="txt_normal">Verifica tus datos antes de efectuar el pago.</span>
                    <p:messages id="messagesError" showDetail="true" autoUpdate="true" closable="true" />
            </div>
			<br/>
            <img src="#{request.getContextPath()}/resources/images/blackpixel.gif" width="741" height="1" alt="" border="0"/>
			<br/>
			<span class="required">* campo obligatorio</span>
			<br/>
			<br/>
			<br/>
			<h:panelGrid columns="2" >
			<p:commandButton value="TRANSMITIR" id="btn_transmitir" actionListener="#{claroCompraBean.pagoServicio}"    styleClass="form_buttons"   />
			<p:commandButton value="REGRESAR" id="btn_regresar" actionListener="#{claroCompraBean.loginClose}"   styleClass="form_buttons" />

			</h:panelGrid>
		</center>

		</h:form>
		
		
		</ui:define>

        </ui:composition>
    </body>
</html>